<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="copyright" content="www.apicloud.com" />
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>登录</title>
<link rel="stylesheet" href="http://localhost/tuangouApp/api/public/Home/css/api.css" type="text/css"  />
<link rel="stylesheet" href="http://localhost/tuangouApp/api/public/Home/css/login.css" />
</head>
<body>
	<div id="main">
        <header id="header">
            <img src="http://localhost/tuangouApp/api/public/Home/uploads/ic_back_u.png" alt="" class="left_back" id="topbar_search" tapmode="" onclick="goback()">
            <h1 id="topbar_title">登录</h1>
        </header>
        <section id="content">
        </section>
    </div>
	<div class="divider"></div>
	<form action="" method="post">
		<div class="item email"><img src="http://localhost/tuangouApp/api/public/Home/uploads/login01.png" alt=""><input type="text" placeholder="邮箱/手机号/用户名" id="email" name="user_account"></div>
		<div class="item passwd"><img src="http://localhost/tuangouApp/api/public/Home/uploads/login02.png" alt=""><input type="password" placeholder="密码" id="passwd" name="user_password">
		</div>
		<div class="item secretword"><img src="http://localhost/tuangouApp/api/public/Home/uploads/login03.png" alt=""><input type="text" placeholder="验证码" id="passwd">
			<div class="secretimg"><img src="http://localhost/tuangouApp/api/public/Home/uploads/secretword.png"></div>
		</div>
		<div class="btn" tapmode="buyhover" onclick=""><button type="submit">登 录</button></div>
	</form>
	<div class="loginmore">
		<span class="forget" tapmode="txthover" onclick="">忘记密码？</span>
		
		<span class="phone" tapmode="txthover" ><a style="color: #0078ff;" href="register.html">快速注册</a></span>
	</div>
	<div class="divider" id="bottomdivider"></div>
	<div class="bottom">
		<div class="thirdcompy">
			<div class="left" tapmode="btnhover" onclick=""><img src="http://localhost/tuangouApp/api/public/Home/uploads/logo_weixinpay.png" alt=""><span>微信登陆</span></div>
			<div class="right" tapmode="btnhover" onclick=""><img src="http://localhost/tuangouApp/api/public/Home/uploads/share_to_icon_qq.png" alt="" id="qqpic"><span>QQ登陆</span></div>
			
			
		</div>
		<div class="thirdinfo">更多其他账号</div>
		<div class="arrow"><img src="http://localhost/tuangouApp/api/public/Home/uploads/login_arrow_up.png"  tapmode="" onclick="openLoginmore()"></div>
	</div>
</body>
<script type="text/javascript" src="http://localhost/tuangouApp/api/public/Home/js/api.js"></script>
<script type="text/javascript">

	function openLoginmore () {
		api.openFrame ({
            name: 'loginmore',
            url: './loginmore.html',
            rect:{
                x:0,
                y:headerHeight,
                w:'auto',
                h:'auto'
            },
            bounces: false,
            delay:200
        });
	}
	
	apiready = function() {
    	var bottomHeight = $api.dom('.bottom').offsetHeight;
    	var formHeight = $api.dom('form').offsetHeight;
    	var loginmore = $api.dom('.loginmore').offsetHeight;

    	headerHeight = api.pageParam.name;

    	var bottomdivider = $api.dom('#bottomdivider');
    	bottomdivider.style.height = api.frameHeight - bottomHeight - formHeight - loginmore - 43 + 'px';
    };
</script>
</html>